// 需求描述： 自定义hook函数，可以自动同步到本地LocalStorage
// const [message, setMessage] = useLocalStorage(key，defaultValue)
// 1. message可以通过自定义传入默认初始值
// 2. 每次修改message数据的时候 都会自动往本地同步一份

import { useState, useEffect } from 'react'

export function useLocalStorage (key, defaultValue) {
  const [message, setMessage] = useState(defaultValue)
  //每次修改msg的时候都会自动往本地存储一份
  useEffect(() => {
    window.localStorage.setItem(key, message)
  }, [key, message])

  return [message, setMessage]  //实现本地存储
}
